<template>
	<view>
		<view class="top_img">
			<image class="rigicon" src="https://www.daolangtongge.com/read-book-api/profile/mini_app/img/hy9.png" mode=""></image>
			<view class="t1 flex">
				<image src="https://www.daolangtongge.com/read-book-api/profile/mini_app/img/hy8.png" mode=""></image>
				<view class="">稻浪会员</view>
			</view>
			<view class="t2">耕耘怀恩，不负辛勤，会籍敬奉，聊表谢忱</view>
		</view>
		<view class="btn" @click="handleLINGQU">立即领取</view>

		<view class="hy_ts">
			<image class="titimg" src="https://www.daolangtongge.com/read-book-api/profile/mini_app/img/hy5.png" mode=""></image>
			<view class="tit">— 尊享以下6大特权 —</view>

			<view class="texts">
				<view class="title flex">
					<image src="https://www.daolangtongge.com/read-book-api/profile/mini_app/img/hy6.png" mode=""></image>
					全域活动畅通行
				</view>
				<view class="ts">会员可无限次参与全国范围内的线上及线下活动，畅享多元主题与专属福利</view>
				<view class="ddd"></view>
				<view class="title flex">
					<image src="https://www.daolangtongge.com/read-book-api/profile/mini_app/img/hy6.png" mode=""></image>
					发起活动你做主
				</view>
				<view class="ts">读书、看展、观影…你说了算！自定主题、时间、地点（可以选择官方推荐场地）</view>
				<view class="ddd"></view>
				<view class="title flex">
					<image src="https://www.daolangtongge.com/read-book-api/profile/mini_app/img/hy6.png" mode=""></image>
					一键直达同好圈
				</view>
				<view class="ts">直达同城高质量多元兴趣社群，还可以自行创建，轻松找到同“好”中人</view>
				<view class="ddd"></view>
				<view class="title flex">
					<image src="https://www.daolangtongge.com/read-book-api/profile/mini_app/img/hy6.png" mode=""></image>
					你的声音被听见
				</view>
				<view class="ts">投票或提议活动内容、推荐书籍展览等资源，我们倾听来落地</view>
				<view class="ddd"></view>
				<view class="title flex">
					<image src="https://www.daolangtongge.com/read-book-api/profile/mini_app/img/hy6.png" mode=""></image>
					新会员无忧体验
				</view>
				<view class="ts">注册30天内参与≤3场活动，不满意全额退款（已使用体验会员不享受此权益）</view>
				<view class="ddd"></view>
				<view class="title flex">
					<image src="https://www.daolangtongge.com/read-book-api/profile/mini_app/img/hy6.png" mode=""></image>
					解锁全能工具箱
				</view>
				<view class="ts">在社区发布动态、用稻穗值兑换文创、向平台建言献策…更多宝藏功能，等你来解锁。</view>
			</view>
		</view>
		<view class="" style="height: 50rpx"></view>
	</view>
</template>

<script setup>
import { ref, reactive, getCurrentInstance } from 'vue';
import { onLoad, onShow, onReachBottom, onPageScroll } from '@dcloudio/uni-app';
import { receiveVip } from '@/api/user.js';
//分社长免费领取会员
const handleLINGQU = () => {
	receiveVip({}).then((res) => {
		if(res.code == 200){
			uni.showToast({
				title:'已领取',
				icon:'none'
			})
		}
	});
};
</script>
<style lang="scss">
page {
	background: #f7f8f6;
}
.top_img {
	width: 710rpx;
	height: 200rpx;
	background: linear-gradient(180deg, #ece6d5 0%, #f7f8f6 100%);
	border-radius: 20rpx 20rpx 20rpx 20rpx;
	border: 1px solid #d8c6a7;
	margin: 20rpx auto;
	position: relative;
	padding: 34rpx 20rpx;
	box-sizing: border-box;
	.rigicon {
		width: 350rpx;
		height: 200rpx;
		position: absolute;
		right: 0%;
		top: 0%;
	}
	.t1 {
		image {
			width: 134rpx;
			height: 80rpx;
			display: block;
			margin-right: 26rpx;
		}
		font-family: PingFang SC, PingFang SC;
		font-weight: bold;
		font-size: 40rpx;
		color: #75613e;
	}
	.t2 {
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 28rpx;
		color: #75613e;
		margin-top: 26rpx;
	}
}
.btn {
	width: 710rpx;
	height: 88rpx;
	background: #e3d0ad;
	border-radius: 60rpx 60rpx 60rpx 60rpx;
	font-family: PingFang SC, PingFang SC;
	font-weight: 500;
	font-size: 32rpx;
	color: #75613e;
	text-align: center;
	line-height: 88rpx;
	margin: 58rpx auto;
}

.hy_ts {
	width: 710rpx;
	margin: 0 auto;
	.titimg {
		display: block;
		width: 232rpx;
		height: 50rpx;
		margin: 20rpx auto;
		text-align: center;
	}
	.tit {
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 28rpx;
		color: #75613e;
		text-align: center;
	}
	.texts {
		width: 710rpx;
		background: #ffffff;
		border-radius: 20rpx 20rpx 20rpx 20rpx;
		margin: 20rpx auto;
		padding: 32rpx 30rpx;
		box-sizing: border-box;
		.title {
			font-family: PingFang SC, PingFang SC;
			font-weight: bold;
			font-size: 28rpx;
			color: #75613e;
			margin-bottom: 15rpx;
			image {
				width: 32rpx;
				height: 32rpx;
				margin-right: 10rpx;
			}
		}
		.ts {
			font-family: PingFang SC, PingFang SC;
			font-weight: 500;
			font-size: 28rpx;
			color: #8f8f8b;
			line-height: 40rpx;
		}
		.ddd {
			width: 650rpx;
			border-bottom: 1px dashed #75613e;
			margin: 20rpx auto;
			opacity: 0.3;
		}
	}
}
</style>
